12 calopsita-loader?

Próxima Atividade
  • Mudar o player
  • Sugerir melhoria

Tito aprendeu que precisa utilizar um loader para poder lidar com arquivos que não conseguem ser processados diretamente pelo webpack. Foi então que ele baixou o calopsita-loader para lidar com arquivos com a extensão .calop, inclusive aqueles dentro da pasta node_modules.

Ele escreveu seu arquivo webpack.config.js dessa maneira:

// client/webpack.config.js

const path = require('path');
module.exports = {
    entry: './src/app.js',
    output: {
        filename: 'meu-bundle.js',
        path: path.resolve(__dirname, 'distribution')
    },
    module: {
        rules: [
            {
                test: /\.calop$/,
                use: {
                    loader: 'calopsita-loader'
                }
            }
        ]
    }
}

Marque a única opção verdadeira a respeito do código escrito por Tito.

Selecione uma alternativa
  • Alternativa correta

    É válida sim. Tito não é obrigado a usar o nome de arquivo bundle.js. Apesar de ser o nome mais comum, o programador pode escolher aquele que desejar.

  • Alternativa correta

    Como descrito no problema, Tito desejava aplicar o loader também para os arquivo dentro da pasta node_modules, por isso ela não foi excluída do carregamento através da propriedade exclude.

  • Alternativa correta

    Totalmente válido. Tito preferiu usar a pasta distribuition no lugar de dist. Ele só precisará ficar atento na hora de importar o bundle em index.html para que aponte para o caminho e nome do arquivo corretos.

  • Alternativa correta

    Exatamente. Apesar dele ter escolhido nomes diferentes para as propriedades filename e path, a estrutura do arquivo é totalmente válida. Inclusive as regras de carregamento de módulos levaram em consideração a extensão .calop e o loader calopsita-loader.

Tirar dúvida Próxima Atividade
ícone Webpack: Manipulando módulos na sua webapp

Webpack: Manipulando módulos na sua webapp

100%
Aula01 de 06

Introdução

Atividades 12 de 14

  • 01 Webpack, o agrupador de módulos 04min
  • 02 (Obrigatório) Infraestrutura mínima
  • 03 (Obrigatório) Download do projeto
  • 04 Para saber mais: webpack e sua estreita relação com SPA
  • 05 Preparando o terreno para o Webpack 07min
  • 06 Sobre Webpack e Babel
  • 07 O temível webpack.config.js 06min
  • 08 Arquivo de configuração
  • 09 Problema no package.json
  • 10 Jogo dos erros
  • 11 Babel-loader, a ponte entre o Webpack e o Babel 09min
  • 12 calopsita-loader?
  • 13 O que aprendemos?
  • 14 Consolidando seu conhecimento

Aulas

Outros Links

Fórum Trocar Curso
Gravatar de Marcos Katsumi Kay

Marcos Katsumi Kay 34.0k xp

Logo da Alura